---
layout: page
title: 乐亭教育云资源平台
permalink: /resources/
sidenav: True
showBanner: True

bannerImages:
 - src: /assets/imgs/pages/resources/banner-1.png
   alt: Placeholder Image
   seeMore: /seemore
 - src: /assets/imgs/pages/resources/banner-1.png
   alt: Placeholder Image
 - src: /assets/imgs/pages/resources/banner-1.png
   alt: Placeholder Image
 - src: /assets/imgs/pages/resources/banner-1.png
   alt: Placeholder Image
 - src: /assets/imgs/pages/resources/banner-1.png
   alt: Placeholder Image
blocks:
 - label: 小学专区
   tagImg: /assets/imgs/pages/resources/tagImg1.png
   seeMore: /seemore
   thumb:
     src: /assets/imgs/pages/resources/special-thumb-1.png
     alt: Placeholder Image
 - label: 初中专区
   tagImg: /assets/imgs/pages/resources/tagImg2.png
   seeMore: /seemore
   thumb:
     src: /assets/imgs/pages/resources/special-thumb-2.png
     alt: Placeholder Image
 - label: 高中专区
   tagImg: /assets/imgs/pages/resources/tagImg3.png
   seeMore: /seemore
   thumb:
     src: /assets/imgs/pages/resources/special-thumb-3.png
     alt: Placeholder Image
 - label: 幼儿专区
   tagImg: /assets/imgs/pages/resources/tagImg4.png
   seeMore: /seemore
   thumb:
     src: /assets/imgs/pages/resources/special-thumb-4.png
     alt: Placeholder Image

# ===== TEST ======
list:
 - Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, 
 - tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. 
 - Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 - Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, 
 - tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. 
---

<main class="clearfix">
  <div class="content-container">
    <div class="mh-block-list clearfix">
      {% for i in (0..3) %}
      {% assign block = page.blocks[i] %}
      <div class="col-md-4 mh-block-wrapper{% if i == 3 %} clearleft{% endif %}">
        <div class="mh-block" style="height:420px">
          <div class="mh-block-header" style="height: 5rem">
            <img src="{{site.url | append: block.tagImg }}" alt="{{block.label}}" class="mh-block-tag-img">
            <a href="{{block.seeMore}}" class="mh-block-more">更多>></a>
          </div>
          <a href="#" class="mh-block-thumb" style="height: 128px;">
            <img src="{{site.url | append: block.thumb.src}}" alt="{{block.thumb.alt}}">
          </a>
          <div class="mh-block-body">
            <ul class="mh-list-line mh-list-line-right-arrow">
              {% for line in page.list %}
              <li>
                <span class="line">
                  <span class="mh-icon mh-icon-file"></span>&nbsp;<a href="#">{{line}}</a>
                </span>
              </li>
              {% endfor %}
            </ul>
          </div>
        </div>
      </div>
      {% endfor %}
      
      <div class="col-md-8 mh-block-wrapper">
        <div class="mh-block" style="height:420px">
          <div class="mh-block-header">
            <h3 class="text-primary">精彩推荐</h3>
          </div>
          <div class="mh-divider"></div>
          <div class="mh-block-body">
            <div class="row">
              <div class="col-md-6" style="padding-right:30px">
                <h4><span>最热资源</span><a href="#" class="pull-right"><small class="text-primary">换一批</small></a></h4>
                <ul class="mh-list-line mh-list-line-right-date">
                  {% for i in (1..5) %}
                  <li>
                    <span class="line">
                      <span
                        class="mh-list-line-rank{% if i == 1 %} mh-list-line-rank-first{%
                          endif
                        %}{% if i == 2 %} mh-list-line-rank-second{%
                          endif
                        %}{% if i == 3 %} mh-list-line-rank-third{%
                          endif
                        %}"
                      >{{i}}</span>&nbsp;<a href="#">{% assign i0 = i | minus: 1 %}{{page.list[i0]}}</a>
                    </span>
                    <span class="mh-list-date">05-21</span>
                  </li>
                  {% endfor %}
                </ul>
              </div>
              
              <div class="col-md-6" style="padding-left:30px">
                <h4><span>最新资源</span><a href="{{site.url | append: "/seemore"}}" class="pull-right"><small>更多>></small></a></h4>
                <ul class="mh-list-line mh-list-line-right-date">
                  {% for i in (1..5) %}
                  <li>
                    <span class="line">
                      <span class="mh-icon mh-icon-file"></span>&nbsp;<a href="#">{% assign i0 = i | minus: 1 %}{{page.list[i0]}}</a>
                    </span>
                    <span class="mh-list-date">05-21</span>
                  </li>
                  {% endfor %}
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      
      <div class="col-md-12 mh-block-wrapper">
        <div class="mh-block">
          <div class="mh-block-header">
            <h3 class="text-primary">友情链接</h3>
          </div>
          
          <div class="mh-block-body clearfix" style="width: calc(100% + 30px); margin-left: -15px">
            {% include relative-links.html %}
          </div>
        </div>
      </div>
    </div>
  </div>
</main>

<script>
  window._site.scriptName = 'resources';
</script>